/**
 * addButton并没有写在Panel的render事件中，原因是由于
 * 这个addButton是设计时方法，也就是说他要在当前对象未
 * 构建之前调用，否则将没有效果
 */
Ext.onReady(function(){

	var _panel = new Ext.Panel({
		title:'Xredman',
		frame:true,//将四个角转为圆角
		width:200,
		height:300
	});
	
	_panel.addButton({text:'确定'});
	_panel.addButton(new Ext.Button({text:'取消',minWidth:100}));
	//这个方法必须写在这里，不能卸载panel里
	//_panel.render(Ext.getBody());
	_panel.applyToMarkup(Ext.DomHelper.append(Ext.getBody(), {
	
		tag:'div',
		cls:'contain',
		cn:[{
			tag:'div',
			cls:'center'
		}]
	}, true).child('div'));
	/**
	 * renderTo:就是将当前对象放到renderTo所指定的元素里面
	 * applyTo:直接在当前对象上构建所指定的代码
	 * 
	 * render
	 * applyToMakeup
	 */
})